export default [
    {
        title: '首页',
        component: () => import('./Index')
    },
    {
        title: 'HelloVue',
        component: () => import('./HelloVue')
    },
    {
        title: 'v-if v-else 判断是否加载',
        component: () => import('./vif')
    },
    {
        title: 'v-show的使用',
        component: () => import('./vshow')
    },
    {
        title: 'v-if v-show的区别',
        component: () => import('./vifShow')
    },
    {
        title: 'v-for的使用',
        component: () => import('./vfor')
    },
    {
        title: 'v-text v-html 的使用',
        component: () => import('./vtextHtml')
    },
    {
        title: 'v-on 绑定事件监听器',
        component: () => import('./von')
    },
    {
        title: 'v-model 双向绑定指令',
        component: () => import('./vmodel')
    },
    {
        title: 'v-bind 数据绑定',
        component: () => import('./vbindData')
    },
    {
        title: 'v-bind 样式绑定 class',
        component: () => import('./vbindClass')
    },
    {
        title: 'v-bind 样式绑定 style',
        component: () => import('./vbindStyle')
    },
    {
        title: '计算属性',
        component: () => import('./computed')
    },
    {
        title: '监听器',
        component: () => import('./watch')
    },
    {
        title: '自定义指令',
        component: () => import('./directive')
    },
    {
        title: '生命周期',
        component: () => import('./life')
    },
    {
        title: '混入',
        component: () => import('./mixin')
    },
    {
        title: '组件及父组件向子组件通信',
        component: () => import('./component/index')
    },
    {
        title: 'ref 父组件向子组件通信',
        component: () => import('./ref/index')
    },
    {
        title: '子组件向父组件通信',
        component: () => import('./emit/index')
    },
    {
        title: 'slot 插槽',
        component: () => import('./slot/index')
    },
    {
        title: 'component组件',
        component: () => import('./Index')
    },
    {
        title: '练习1',
        component: () => import('./test1/index')
    },
    {
        title: '练习2',
        component: () => import('./test2/index')
    },
    {
        title: '练习3',
        component: () => import('./test3/index')
    },
    {
        title: '练习4',
        component: () => import('./test4/index')
    },
    {
        title: 'antd form',
        component: () => import('./antdForm/index')
    },
    {
        title: 'transition',
        component: () => import('./transition/index')
    }
]
